<template>
  <Dialog
    v-model:visible="visible"
    modal
    header="Cart"
    :style="{ width: '50vw' }"
    :breakpoints="{ '1199px': '75vw', '575px': '90vw' }"
  >
    <CartList />
  </Dialog>
</template>

<script setup>
import CartList from '@/components/CartList.vue';

import { useVisibleStore } from '@/stores/visible';
import { storeToRefs } from 'pinia';

// store -> refs
const store = useVisibleStore();
const { visible } = storeToRefs(store);
</script>
